<!--
  This template loads for the 'tab.friend-detail' state (app.js)
  'friend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
  The FriendsCtrl pulls data from the Friends service (service.js)
  The Friends service returns an array of friend data
-->
<ion-view>
  <ion-content>
        <!-- <div class="bar bar-subheader" ng-show="connected">
            <h2 class="title" style="background:#9966CC;color:white">正在通话中...</h2>
            <a ng-click="" class="button button-icon icon ion-ios7-undo-outline">挂断</a>
        </div> -->
        <div class="list card" ng-repeat="cars in cardList">
            <a class="item item-avatar" href="{{car.url}}" ng-repeat="car in cars">
              <img src="{{car.icon}}">
              <h2>{{car.title}}</h2>
              <p>{{car.desc}}</p>
            </a>
            <!-- <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>免费抽奖大奖品</h2>
              <p>Nine Inch Nails</p>
            </a>
            <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a>
            <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a> -->
        </div>

<!--         <div class="list card">
            <a class="item item-avatar">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a>
            <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a>
            <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a>
            <a class="item item-avatar" href="#">
              <img src="https://avatars3.githubusercontent.com/u/11214?v=3&s=460">
              <h2>Pretty Hate Machine</h2>
              <p>Nine Inch Nails</p>
            </a>
        </div> -->
  </ion-content>
</ion-view>